<script>
import { eventHub } from '../utils/event'

export default {
  name: 'Footer',
  methods: {
    onClickWeixinLink() {
      window.scrollTop = 0
      eventHub.$emit('show-dropdown', 'weixin')
    }
  }
}
</script>

<template>
<footer class="footer">
  <div class="container clearfix">
    <ul style="width: 20%;">
      <li class="title">关于</li>
      <li>
        <router-link to="/about#header">关于我们</router-link>&nbsp;&nbsp;&nbsp;&nbsp;
        <router-link to="/copyright">版权声明</router-link>
      </li>
      <li>
        <router-link to="/privacy">关于隐私</router-link>&nbsp;&nbsp;&nbsp;&nbsp;
        <router-link to="/disclaimer">免责声明</router-link>
      </li>
    </ul>
    <ul style="width: 20%;">
      <li class="title">联系</li>
      <li>
        <router-link to="/about#us">联系我们</router-link>&nbsp;&nbsp;&nbsp;&nbsp;
        
        <router-link to="/recruitment">招贤纳士</router-link>
      </li>
      <li>
        <a href="http://weibo.com/ryxmjx" target="_blank">官方微博</a>
        <!-- <a href="#" @click="onClickWeixinLink">人马微信</a>&nbsp;&nbsp;&nbsp;&nbsp; -->
      </li>
    </ul>
    <ul style="width: 30%;">
      <li class="title">备案号</li>
      <li><a href="http://www.miitbeian.gov.cn" target="_blank">沪ICP备16051619号-1</a></li>
      <li>Copyright © 2013-2018 人马君</li>
    </ul>
    <div class="clearfix pull-left" style="width: 30%; margin-top:40px;">
      <div class="pull-left" style="margin-right: 20px;">
        <img src="../../static/images/qr-code.png" style="height: 80px; margin-top: 15px;" alt="">
        <p style="font-size: 12px; color: #fff; text-align: center;">微信订阅号</p>
      </div>
      <div class="pull-left">
        <img src="../../static/images/fitstart-qrcode.png" style="height: 80px; margin-top: 15px;" alt="">
        <p style="font-size: 12px; color: #fff; text-align: center;">微信服务号</p>
      </div>
    </div>
  </div>
</footer>
</template>